<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery仿各大商城网站圆形转盘抽奖活动</title>
<meta name="description" content="jquery仿各大商城网站圆形转盘抽奖活动，淘宝商城圆形转盘抽奖活动、天猫商城圆形转盘抽奖活动、京东商城圆形转盘抽奖活动等。" />
</head>
<body>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* lottery */
#lottery{background:url("images/disc-bg.gif") no-repeat;position:relative;height:450px;width:450px;margin:40px auto;}
#lottery .image{position:absolute;left:47px;top:47px;width:352px;height:352px;}
#lottery .arrow{background:url("images/arrow.png") no-repeat;height:191px;left:207px;position:absolute;top:91px;width:32px;}
#lottery .arrow{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/arrow.png');}
#lottery .lot-btn{height:92px;left:177px;overflow:hidden;position:absolute;top:181px;width:91px;}
#lottery .lot-btn span{cursor:pointer;display:block;height:92px;position:relative;width:91px;}
#lottery .first span{background:url("images/buttons_01.png") no-repeat;}
#lottery .first span{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/buttons_01.png');}
</style>

<div id="lottery">
	<img id="imgs" src="images/disc-rotate.gif" viewbox="0 0 352 30" class="image" />
	<div class="arrow"></div>
	<div class="lot-btn first">
		<span></span>
	</div>
</div>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jQueryRotate.2.2.js"></script>
<script type="text/javascript">
$(function(){
	$(".lot-btn").click(function(){
		for(var i = 0; i <= 10000; i++){
			$("#imgs").rotate({
				animateTo: i,
				duration: 10000
			});
			if (i >= 3162){ //设置转盘停位置
				break;
			}
		}
	})
});
</script>

</body>
</html>